<template>
	<view>
		<view class="list">
			<view class="record borderBottom1" v-for="(item, index) in list" :key="index">
				<view class="record_left">
					<view class="operation">{{ item.title }}</view>
					<view class="date">{{ formatDate(item.createtime) }}</view>
				</view>
				<view class="record_right">+{{ item.money }}</view>
			</view>
		</view>
		<view class="loading">{{loadingText}}</view>
	</view>
</template>

<script>
import { buybalanceorder } from '@/api/user/userCenter/myWallet/myWallet.js';
export default {
	data() {
		return {
			loadingText: '加载中...', //加载状态
			page:1,
			list: [
				// {
				// 	date: '2018-09-18 15:30',
				// 	price: '200.00',
				// 	state: 0
				// },
				// {
				// 	date: '2018-09-18 15:30',
				// 	price: '200.00',
				// 	state: 0
				// },
				// {
				// 	date: '2018-09-18 15:30',
				// 	price: '200.00',
				// 	state: 0
				// }
			]
		};
	},
	async onLoad() {
		let res = await buybalanceorder(this.page);
		this.list = res.data.data;
		if (res.data.data.length == 0) {
			this.loadingText = "没有数据了！";
		} else if (res.data.data.length < 10) {
			this.loadingText = "没有数据了！";
		} else {
			this.loadingText = "加载中";
		}
	},
	onReachBottom() {
		this.loadMore()
	},
	methods: {
		async loadMore(){
			let res = await buybalanceorder(++this.page);
			if (res.data.data.length == 0) {
				this.loadingText = "没有数据了！";
			} else if (res.data.data.length < 10) {
				this.loadingText = "没有数据了！";
			} else {
				this.loadingText = "加载中";
			}
			this.getTeacherList(res)
		},
		getTeacherList(res){
			if (this.page == 1) {
				this.list = res.data.data;
			} else {
				this.list = this.list.concat(res.data.data)
			}
		},
		formatDate(now) {
			var data=new Date(now*1000)
			var year = data.getFullYear(); //取得4位数的年份
			var month = data.getMonth() + 1; //取得日期中的月份，其中0表示1月，11表示12月
			var date = data.getDate(); //返回日期月份中的天数（1到31）
			var hour = data.getHours(); //返回日期中的小时数（0到23）
			var minute = data.getMinutes(); //返回日期中的分钟数（0到59）
			var second = data.getSeconds(); //返回日期中的秒数（0到59）
			return year + '-' + month + '-' + date + ' ' + hour + ':' + minute;
		}
	}
};
</script>

<style lang="scss">
@import './css/record.scss';
</style>
